@import '../../../scss/mixin.scss';
@import '../../../scss/animations.scss';
.box{
    @include position(60vh);
    width: 100vw;
    height: 10vh;
    // background-color: black;
    @include Flexcenter();
    .openicon,.closdicon{
        width: 8vh;
        height: 8vh;
        // border: 2px rgb(248, 248, 248) dashed;
        background-image: url('../../../image/icon2.jpg');
        @include backimageSize();
        @include background_and_blur(rgba(250, 250, 250, 0.383),50px);
        @include border-radius();
        @include Flexcenter();
        @include rotateZ(10s);
    }
    .closdicon{
        transition: all 2s;
        transform: scale(500%);
        -webkit-transform: scale(500%);
        -moz-transform: scale(500%);
        -ms-transform: scale(500%);
        -o-transform: scale(500%);
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -ms-transition: all 2s;
        -o-transition: all 2s;
}

}